<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input id="year" type="text">
</body>
<script>
    // 变量  => 存储数据的容器

    // 如何定义变量?
    // 通过关键词var 可以定义变量   => 用户自定义


    // 三种方式
    // 1. 先声明  再赋值
    
      var hello;  //声明变量 hello  => 没有赋值  默认值: undefined  
        console.log(hello);

        hello = "你好";  // 把"你好"赋值给变量 hello
        hello = 123123;
        hello = true;
        console.log(hello);

        var x;
        x = 1;

        var y;
        y = 2;

        var z;
        z = x + y;
        console.log(z);
   

    // 2. 声明的同时赋值  
    var hello = "你好";
    var x = 1;             //  声明变量 x,并赋值为 1
    var y = 2;             //  声明变量 y,并赋值为 2     
    var z = x + y;         // 声明变量 z, 并赋值为 1 + 2 => 3
    console.log(hello);
    console.log(x);
    console.log(y);
    console.log(z);
    console.log(hello , x , y , z);
    
    
    // 3. 一次性声明多个变量(多个变量之间 用逗号分隔)
    // (1) 先声明  在赋值
    var hello,x,y,z;
    console.log(hello , x , y , z);
    
    hello = "你好";
    x = 1;
    y = 2;
    z = x + y;
    console.log(hello , x , y , z);
    
    // (2) 声明的同时赋值
    var hello = "你好", x = 1 ,y = 2, z = x + y;
    console.log(hello , x , y , z);








</script>
</html>